@mixin scroll_bar($color_normal, $color_hover, $scollbar_size) {
  &::-webkit-resizer {
    background-color          : transparent;
    background-image          : linear-gradient(135deg, transparent 49%, transparent 50%, $color_normal 51%, $color_normal);
    border-bottom-right-radius: calc($scollbar_size/2);
    z-index                   : unset;
  }

  &::-webkit-resizer:hover {
    background-image: linear-gradient(135deg, transparent 49%, transparent 50%, $color_normal 51%, $color_hover);
    z-index         : unset;
  }

  &::-webkit-scrollbar-corner {
    background-color: transparent;
  }

  &::-webkit-scrollbar {
    width : $scollbar_size;
    height: $scollbar_size;
  }

  &::-webkit-scrollbar-track {
    border-radius: calc($scollbar_size/2);
  }

  &::-webkit-scrollbar-thumb {
    border-radius   : calc($scollbar_size/2);
    background-color: $color_normal;
    cursor          : default;
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: $color_hover;
  }
}